<template >
  <div>
    <h1>我是分类组件</h1>
    <cate-coat :list="arr">
      <template #headcon>
        <div>
          <h1 style="color:red;">衣服排行</h1>
          <h2>榜单每10年更新一次</h2>
        </div>
      </template>
      <template v-slot:footcon>
        <div>
          <h1>这是脚步</h1>
          <button>上一页</button>
          <button>下一页</button>
        </div>
      </template>
    </cate-coat>
  </div>
</template>
<script>
import cateCoat from './CateCoat.vue'
export default {
  name: "category",
  data () {
    return {
      arr: ["奈克", "红星而克", "李宁"]
    }
  },
  components: {
    cateCoat
  }
}
</script>
<style lang="less">
</style>